/**
 * @author hsy541
 */

// SamplePanel Extends Ext.Panel
SamplePanel = Ext
		.extend(
				Ext.Panel,
				{
					// constructor function
					constructor : function(config) {
						Ext.apply(this, {
							// bodyStyle : 'padding:15px',
							layout : {
								type : 'vbox',
								padding : '10 10'
							},
							autoLoad : {
								url : 'TableBrowser/SampleInfo.html',
								scripts : true
							},
							items : [ new Ext.FormPanel( {
								labelWidth : 150, // label settings here
													// cascade unless
								// overridden
								// url : 'save-form.php',
								id : 'sampeInfo',
								frame : true,
								title : 'Sample Infomation',
								bodyStyle : 'padding:5px 5px',
								width : 350,
								defaults : {
									width : 230
								},
								defaultType : 'textfield',

								items : [ {
									fieldLabel : 'Sample ID',
									name : 'sampleID'

								}, {
									fieldLabel : 'Alias',
									name : 'alias'
								}, {
									fieldLabel : 'Instrument Model',
									name : 'instrmentModel'
								}, {
									fieldLabel : 'Taxon ID',
									name : 'taxonId'
								}, {
									fieldLabel : 'Cell Type',
									name : 'cellType'
								}, {
									fieldLabel : 'Factor',
									name : 'factor'
								}, {
									fieldLabel : 'Description',
									name : 'sampleDesc'
								}, {
									fieldLabel : 'URL',
									name : 'url'
								} ]
							}), new Ext.FormPanel( {
								id : 'studyInfo',
								labelWidth : 150, // label settings here
													// cascade unless
								// overridden
								// url : 'save-form.php',
								frame : true,
								title : 'Study Infomation',
								bodyStyle : 'padding:5px 5px',
								width : 350,
								defaults : {
									width : 230
								},
								defaultType : 'textfield',

								items : [ {
									fieldLabel : 'Study ID',
									name : 'studyID'

								}, {
									fieldLabel : 'Study Title',
									name : 'studyTitle'
								}, {
									fieldLabel : 'Type',
									name : 'type'
								}, {
									fieldLabel : 'Library Strategy',
									name : 'libStrategy'
								}, {
									fieldLabel : 'Study Type',
									name : 'studyType'
								}, {
									fieldLabel : 'Description',
									name : 'studyDesc'
								} ]
							}) ]

						});

						Ext
								.getCmp('studyInfo')
								.getForm()
								.loadRecord(
										new Ext.data.Record(
												{
													data : [
															" SRP000600 ",
															" ChIP-seq Accurately Predicts Tissue-Specific Activity of Enhancers ",
															" ChIP-seq ",
															" ChIP-Seq ",
															" Epigenetics ",
															" " ]
												}));
						SamplePanel.superclass.constructor.apply(this,
								arguments);
					}
				});
